<script>
    //步骤一:创建异步对象
    var ajax = new XMLHttpRequest();
    //步骤二:设置请求的url参数,参数一是请求的类型get和post,参数二是请求的url,可以带参数,动态的传递参数starName到服务端
    var url = 'http://132.232.87.95:3003/product/list?pageNum=1';
    ajax.open('get', url);
    //步骤三:发送请求
    ajax.send();
    //步骤四:注册事件 onreadystatechange 状态改变就会调用
    // 绑定 readystatechange 事件, 监听响应
    ajax.onreadystatechange = function() {
        // readyState 有5种取值,详情看语雀
        if (ajax.readyState == 4 && ajax.status == 200) {
            //步骤五 如果能够进到这个判断 说明 数据 完美的回来了,并且请求的页面是存在的
            // console.log(ajax.responseText); 
            // 把后台返回的json字符串转成对象
            var result = JSON.parse(ajax.responseText);
            console.log(result);
        }
    }
</script>